﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="ArticlesByCategory.aspx.cs" Inherits="XpressNews.ArticlesByCategory" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="server"> </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server">
    <article class="article-container" itemscope itemtype="http://schema.org/Article">
        <div class="article-content blog-page">
            <header>
                <!-- May NOT Necessary -->
                <%--<div class="breadcrumb-container clearfix" itemscope itemtype="http://schema.org/WebPage">
                <ul class="breadcrumb ltr" itemprop="breadcrumb">
                <li>
                <i class="icon-home3"></i><a href="#">Home</a>
                </li>
                <li>
                Blog - Style 2
                </li>
                </ul>
                </div>--%>

                <h1 itemprop="headline">
                    <asp:Label ID="catName" runat="server" ></asp:Label>
                </h1>

                <!-- May NOT Necessary -->
            <%--<div class="post-meta">
            <ul>
            <li title="Post Author">
            <i class="icon-user3"></i><a href="#">Serpentsoft</a>
            </li>
            <li>
            <i class="icon-library"></i><a href="#" title="">World</a>
            </li>

            <li itemprop="datePublished">
            <i class="icon-alarm2"></i>14 Aug, 2013 at 06:15 AM
            </li>
            <li>
            <i class="icon-bubbles4"></i><a href="#" itemprop="interactionCount">12</a>
            </li>
            <li itemprop="interactionCount">
            <i class="icon-tv"></i>35
            </li>
            <li itemprop="interactionCount">
            <i class="icon-heart"></i>120
            </li>

            </ul>
            </div>

            <div class="divider"></div>
            --%>
            </header>

            <div class="post-entry" itemprop="articleBody"> </div>

            <div class="blog-items style-2">
                <ul class="list-unstyled">
                    <!-- Template -->
                    <%--
                    <li class="post-item" data-posttype="image" data-showonscroll="true" data-animation="fadeIn">
                    <article class="post-box clearfix">
                    <div class="sec-title">
                    <h2>
                    <a href="#" title="">India Takes Down Its First Cyber Criminal</a>
                    </h2>
                    </div>

                    <div class="sec-content category-1">
                    <div class="category-image"></div>

                    <div class="sec-image">
                    <figure class="post-thumbnail">
                    <a href="#"> <img src="img-samples/1-md.jpg" alt=""/></a>
                    </figure>

                    <div class="rating">
                    <div class="stars retina x-3">
                    <div class="gray">
                    <i></i><i></i><i></i><i></i><i></i>
                    </div>

                    <div class="fill" style="width: 80%">
                    <div class="light">
                    <i></i><i></i><i></i><i></i><i></i>
                    </div>
                    </div>
                    </div>
                    </div>
                    </div>

                    <div class="post-desc">
                    <div class="overlay-dot"></div>
                    <p>
                    Four Theme ipsum dolor sit amet, consectetur adipiscing elit. Morbi et tristique lacus. In at arcu et diam mollis dignissim non eget libero. Nulla facilisi. Curabitur nec venenatis est. Cras ultricies urna id lectus sollicitudin venenatis. Nunc feugiat egestas magna id porttitor. Etiam turpis dolor, tristique eget lectus ut, sodales scelerisque dui...
                    </p>
                    </div>

                    <div class="post-meta-metro clearfix">
                    <ul class="list-unstyled color-theme">
                    <li>
                    <div class="meta-icon">
                    <i class="icon-user3"></i>
                    </div>
                    <div class="popup-info animated more-fast fadeInDown">
                    <a href="pg-category.html" title="">Serpentsoft</a>
                    </div>
                    </li>

                    <li>
                    <div class="meta-icon">
                    <i class="icon-library"></i>
                    </div>
                    <div class="popup-info animated more-fast fadeInDown">
                    <a href="pg-category.html" title="">Smartphones</a>
                    </div>
                    </li>

                    <li>
                    <div class="meta-icon">
                    <i class="icon-alarm2"></i>
                    </div>
                    <div class="popup-info animated more-fast fadeInDown">
                    <a href="#" itemprop="datePublished">14 Aug, 2013 at 06:55 AM</a>
                    </div>
                    </li>

                    <li>
                    <div class="meta-icon">
                    <i class="icon-tags"></i>
                    </div>
                    <div class="popup-info animated more-fast fadeInDown">
                    <div class="tags">
                    <a href="#">Technology</a>, <a href="#">Smartphones</a>
                    </div>
                    </div>
                    </li>

                    <li class="bubbles">
                    <div class="meta-icon bubbles">
                    <i class="icon-bubbles4"></i>
                    </div>
                    <div class="popup-info animated more-fast fadeInDown">
                    <a href="#" itemprop="interactionCount">50</a>
                    </div>
                    </li>

                    <li class="tv">
                    <div class="meta-icon tv">
                    <i class="icon-tv"></i>
                    </div>
                    <div class="popup-info animated more-fast fadeInDown">
                    <a href="#" itemprop="interactionCount">150</a>
                    </div>
                    </li>

                    <li class="heart">
                    <div class="meta-icon heart">
                    <i class="icon-heart"></i>
                    </div>
                    <div class="popup-info animated more-fast fadeInDown">
                    <a href="#" itemprop="interactionCount">120</a>
                    </div>
                    </li>

                    <li class="read-more">
                    <a href="#"><i class="icon-eye3"></i>Read More...</a>
                    </li>
                    </ul>
                    </div>
                    </div>
                    </article>
                    </li>
                    --%>

                    <!-- Coding -->
                    <asp:Repeater ID="rptNewsItem" runat="server">
                        <ItemTemplate>
                            <li class="post-item" data-posttype="image" data-showonscroll="true" data-animation="fadeIn">
                                <article class="post-box clearfix">
                                    <div class="sec-title">
                                        <h2>
                                            <a href="Article.aspx?newsId=<%# Eval("newsId") %>" title="<%# Eval("newsTitle") %>"><%# Eval("newsTitle") %></a>
                                        </h2>
                                    </div>

                                    <div class="sec-content category-1">
                                        <div class="category-image"></div>

                                        <div class="sec-image">
                                            <figure class="post-thumbnail">
                                                <a href="Article.aspx?newsId=<%# Eval("newsId") %>"> <img src="img-samples/1-md.jpg" alt=""/></a>
                                            </figure>

                                            <div class="rating">
                                                <div class="stars retina x-3">
                                                    <div class="gray">
                                                        <i></i><i></i><i></i><i></i><i></i>
                                                    </div>

                                                    <div class="fill" style="width: 80%">
                                                        <div class="light">
                                                            <i></i><i></i><i></i><i></i><i></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="post-desc">
                                            <div class="overlay-dot"></div>
                                            <p>
                                                <!-- Template -->
                                            <%--
                                            Four Theme ipsum dolor sit amet, consectetur adipiscing elit.
                                            Morbi et tristique lacus.
                                            In at arcu et diam mollis dignissim non eget libero.
                                            Nulla facilisi.
                                            Curabitur nec venenatis est.
                                            Cras ultricies urna id lectus sollicitudin venenatis.
                                            Nunc feugiat egestas magna id porttitor.
                                            Etiam turpis dolor, tristique eget lectus ut, sodales scelerisque dui...
                                            --%>
                                            <%# Eval("newsIntroduceText") %>
                                            </p>
                                        </div>

                                        <div class="post-meta-metro clearfix">
                                            <ul class="list-unstyled color-theme">
                                                <li>
                                                    <div class="meta-icon">
                                                        <i class="icon-user3"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInDown">
                                                        <a href="pg-category.html" title="">Serpentsoft</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="meta-icon">
                                                        <i class="icon-library"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInDown">
                                                        <a href="pg-category.html" title="">Smartphones</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="meta-icon">
                                                        <i class="icon-alarm2"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInDown">
                                                        <a href="#" itemprop="datePublished">14 Aug, 2013 at 06:55 AM</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="meta-icon">
                                                        <i class="icon-tags"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInDown">
                                                        <div class="tags">
                                                            <a href="#">Technology</a>, <a href="#">Smartphones</a>
                                                        </div>
                                                    </div>
                                                </li>

                                                <li class="bubbles">
                                                    <div class="meta-icon bubbles">
                                                        <i class="icon-bubbles4"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInDown">
                                                        <a href="#" itemprop="interactionCount">50</a>
                                                    </div>
                                                </li>

                                                <li class="tv">
                                                    <div class="meta-icon tv">
                                                        <i class="icon-tv"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInDown">
                                                        <a href="#" itemprop="interactionCount">150</a>
                                                    </div>
                                                </li>

                                                <li class="heart">
                                                    <div class="meta-icon heart">
                                                        <i class="icon-heart"></i>
                                                    </div>
                                                    <div class="popup-info animated more-fast fadeInDown">
                                                        <a href="#" itemprop="interactionCount">120</a>
                                                    </div>
                                                </li>

                                                <li class="read-more">
                                                    <a href="ArticlePage.aspx?newsId=<%# Eval("newsId") %>"><i class="icon-eye3"></i>Read More...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
    </article>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphScript" runat="server"> </asp:Content>
